<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layerui model index</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css" type="text/css">
</head>
<body>
<div class="layui-container">
    <button class="layui-btn layui-btn-primary">shanghai primary</button>
    <button class="layui-btn layui-btn-warm">shanghai warm</button>
    <button class="layui-btn layui-btn-danger">shanghai danger</button>
    <button class="layui-btn layui-btn-normal">shanghai normal</button>
    <button class="layui-btn layui-btn-disabled">shanghai disable</button>
    <button class="layui-btn">shanghai default</button>
</div>

<script src="lib/layui/layui.all.js" type="text/javascript"></script>
<script>
    //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
    ;!function(){
        var layer = layui.layer
            ,form = layui.form;

        layer.msg('Hello World');
    }();
</script>
</body>
</html>
